
<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

    <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
        <meta charset="iso-8859-1" />
        <meta name="viewport" content="width=device-width" />
        <title>Marcos Furer - Photography</title>

        <link rel="stylesheet" href="stylesheets/normalize.css" />
        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
        <link href="javascripts/galeria/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="stylesheets/app.css" />
         <link rel="stylesheet" href="stylesheets/efs.css" />


        <script src="javascripts/vendor/custom.modernizr.js"></script>
    </head>
    <body>
        <!-- MENU -->
        <!--<div style="position: fixed;top: 0px;left: 0px;width: 100%;z-index: 9999">-->
        <nav class="top-bar">
    <ul class="title-area">
        <!-- Title Area -->
        <li class="name">
            <h1><a href="index.php.html"><img src="content/img/marcos-furer.jpg" alt="" /></a></h1>
        </li>
        <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
        <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
    </ul>

    <section class="top-bar-section">
        <!-- Right Nav Section -->
        <ul class="right">
            <li><a href="index.php.html">Home</a></li>
            <li class="has-dropdown"><a href="photography.php.html">Photography</a>
                <ul class="dropdown">
                    <li class="has-dropdown"><a href="#">Fine Art</a>
                        <ul class="dropdown">
                            <li><a href="#">Argentina Light</a></li>
                            <li><a href="#">Ansel Tribute</a></li>
                            <li><a href="#">Atahualpa Steps</a></li>
                        </ul>
                    </li>
                    <li class="has-dropdown"><a href="#">Projects</a>
                        <ul class="dropdown">
                            <li><a href="#">2 days in BA</a></li>
                            <li><a href="#">2 days in Paris</a></li>
                            <li><a href="#">Feathers</a></li>
                            <li><a href="#">Impresionismo</a></li>
                            <li><a href="#">People</a></li>
                            <li><a href="#">Venezia</a></li>
                        </ul>
                    </li>
                    <li class="has-dropdown"><a href="#">Commercial</a>
                        <ul class="dropdown">
                            <li><a href="#">Alaska</a></li>
                            <li><a href="#">Botswana</a></li>
                            <li><a href="#">Nervous waters</a></li>
                            <li><a href="#">Winchester</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="fine-art-prints.php.html">Fine Art Prints</a>
            <li><a href="about.php.html">About</a>
            <li><a href="contact.php.html">Contact</a>
        </ul>
    </section>
</nav>
        <!--</div>-->
        <!-- FIN MENU -->
        <!-- GALERIA -->
        <section id="galeria">
            <div class="row full-width mCustomScrollbar">
                <div class="large-12 columns">
                    <!--<div class="gallery-info-box padding-content">
                        <h2>Argentina Light</h2>
                        <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p>
                    </div>-->
                    <div class="content_6 content" id="main-gallery">
                            <img src="content/img/01.jpg" alt="" />
                            <img src="content/img/02.jpg" alt="" />
                            <img src="content/img/03.jpg" alt="" />
                    </div>
                </div>
            </div>
        </section>
        <!-- FIN GALERIA -->
        <!-- FOOTER GALERIA -->
        <footer>
            <!--<div style="position: fixed;bottom: 0px;left: 0px;width: 100%;z-index: 9999">-->
            <div id="gallery-footer">
                <div class="left">
                    <div class="project-nav">
                        <ul>
                            <li class="active has-sub"><a href="#">Fine Art&nbsp;&nbsp;|&nbsp;&nbsp;Argentina Light <span style="margin-left: 10px;color: #ccc">&#x25B2;</span></a>
                                <ul>
                                    <li class='has-sub'><a href='#'><span>Fine Art</span></a>
                                        <ul>
                                            <li><a href='#'><span>Argentina Light</span></a></li>

                                        </ul>
                                    </li>
                                    <li class='has-sub'><a href='#'><span>Projects</span></a>
                                        <ul>
                                            <li><a href='#'><span>2 days in BA</span></a></li>
                                            <li><a href='#'><span>2 days in Paris</span></a></li>
                                            <li><a href='#'><span>Feathers</span></a></li>
                                            <li><a href='#'><span>Impresionismo</span></a></li>
                                            <li><a href='#'><span>People</span></a></li>
                                            <li class='last'><a href='#'><span>Venezia</span></a></li>
                                        </ul>
                                    </li>
                                    <li class='has-sub'><a href='#'><span>Commercial</span></a>
                                        <ul>
                                            <li><a href='#'><span>Alaska</span></a></li>
                                            <li><a href='#'><span>Botswana</span></a></li>
                                            <li><a href='#'><span>Nervous waters</span></a></li>
                                            <li class='last'><a href='#'><span>Winchester</span></a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right hide-for-small">
                    <a href="#" class="gallery-button prev-button"><</a>
                    <a href="#" class="gallery-button next-button">></a>
                </div>
            </div>
            <!--</div>-->
        </footer>
        <!-- FIN FOOTER GALERIA -->
        <script>
            document.write('<script src=' + ('__proto__' in {} ? 'javascripts/vendor/zepto' : 'javascripts/vendor/jquery') + '.js><\/script>')
        </script>
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

        <script src="javascripts/foundation/foundation.js"></script>

        <script src="javascripts/foundation/foundation.alerts.js"></script>

        <script src="javascripts/foundation/foundation.clearing.js"></script>

        <script src="javascripts/foundation/foundation.cookie.js"></script>

        <script src="javascripts/foundation/foundation.dropdown.js"></script>

        <script src="javascripts/foundation/foundation.forms.js"></script>

        <script src="javascripts/foundation/foundation.joyride.js"></script>

        <script src="javascripts/foundation/foundation.magellan.js"></script>

        <script src="javascripts/foundation/foundation.orbit.js"></script>

        <script src="javascripts/foundation/foundation.placeholder.js"></script>

        <script src="javascripts/foundation/foundation.reveal.js"></script>

        <script src="javascripts/foundation/foundation.section.js"></script>

        <script src="javascripts/foundation/foundation.tooltips.js"></script>

        <script src="javascripts/foundation/foundation.topbar.js"></script>

        <script src="javascripts/galeria/jquery.scrollTo-min.js"></script>

        <script src="javascripts/galeria/jquery.mousewheel.min.js"></script>

        <script src="javascripts/galeria/jquery.mCustomScrollbar.min.js"></script>

        <script src="javascripts/galeria/jquery.imagesloaded.js"></script>

        <script>
            $(document).foundation();
            
            function ajustar() {
            	$("#main-gallery").mCustomScrollbar("destroy");
                var viewportHeight = $(window).height() - 156;
                var viewportWidth = $(window).width();
                //console.log($('#galeria').width());
                $('.content_6').css('height', viewportHeight);
                if (viewportWidth > 930) {
                    var max_img_height = viewportHeight - 15;
                    $("#main-gallery img").each(function(i,e){
                        var $img = $(e);
                        
                        if($img.data('oh') > max_img_height) {
                            
                            var nw = Math.floor($img.data('ow') * max_img_height /$img.data('oh'));
                            $img.height(max_img_height);
                            $img.width(nw);
                        }
                    })
                    $("#main-gallery").mCustomScrollbar({
                        horizontalScroll: true,
                        advanced: {
                            autoExpandHorizontalScroll: true
                        }
                    });
                } else {
                    var max_img_width = viewportWidth - 15;
                    console.log(max_img_width);
                    $("#main-gallery img").each(function(i,e){
                        var $img = $(e);
                        
                        if($img.data('ow') > max_img_width) {
                            
                            var nh = Math.floor($img.data('oh') * max_img_width / $img.data('ow'));
                            $img.width(max_img_width);
                            $img.height(nh);
                        }
                    })
                    $("#main-gallery").mCustomScrollbar({});
                }
            }
            
            $(function(){
                var $img = $('.content_6 img');
                $('.content_6').imagesLoaded(function( $images, $proper, $broken ){
                    $images.each(function(i,e){
                        $(e).data('ow', $(e).width())
                        $(e).data('oh', $(e).height())
                    })
                    ajustar();
                })
            })
            
            $(window).resize(function() {
                ajustar();
            });
            $(document).ready(function() {
                var $paneTarget = $('#galeria');
                $('#main-gallery img').click(function() {
                    $paneTarget.stop().scrollTo($(this), 800);
                });
            });
        </script>
    </body>
</html>

<!-- Localized -->